<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>禁止复制网站内容</title>
	<style>
		*{margin: 0;padding: 0;}

		.container h1 {color: gold;text-align:center;margin-bottom:30px;}

		.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}
	</style>
</head>
<body>
	<h1>第二种方法</h1>
	<div>
		<h3>火影忍者</h3>
		<p>
		十多年前一只拥有巨大威力的妖兽“九尾妖狐”袭击了木叶忍者村，当时的第四代火影拼尽全力，以自己的生命为代价将“九尾妖狐”封印在了刚出生的鸣人身上。木叶村终于恢复了平静，但村民们却把鸣人当成像“九尾妖狐”那样的怪物看待，所有人都疏远他。鸣人自小就孤苦无依，一晃十多年过去了，少年鸣人考入了木叶村的忍者学校，结识了好朋友佐助和小樱。佐助是宇智波家族的传人之一，当他还是小孩的时候他的哥哥——一个已经拥有高超忍术的忍者将他们家族的人都杀死了，然后投靠了一直想将木叶村毁灭的大蛇丸，佐助自小就发誓要超越哥哥，为家族报仇。鸣人他们在忍者学校得到了教官卡卡西的精心指点，在他的帮助下去迎接成长中的一次又一次挑战！
		</p>
	</div>
	<!-- 第二种方法：通过js代码实现 -->
	<script type="text/javascript">
		// oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单
		document.oncontextmenu=new Function("event.returnValue=false"); 
		// onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）
		document.onselectstart=new Function("event.returnValue=false"); 
	</script>
</body>
</html>